body {
  padding-top: 70px;
  padding-bottom: 145px;
}

footer {
  text-align: center;
  border-top: 1px solid #e5e5e5;
}

#file {
  visibility: hidden;
}

canvas {
	image-rendering: optimizeSpeed;
	image-rendering: -moz-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: optimize-contrast;
	image-rendering: pixelated;
	-ms-interpolation-mode: nearest-neighbor;
}

.github-btn {
    height: 20px;
    overflow: hidden;
    font: 700 11px/14px 'Helvetica Neue',Helvetica,Arial,sans-serif;
}

.gh-ico {
    width: 14px;
    height: 14px;
    margin-right: 4px;
    background-image: url();
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /*float: left; */
    display: inline-block;
    position: relative;
    top: 3px;
    background-repeat: no-repeat;
}

.gh-ico2 {
    width: 14px;
    height: 14px;
    margin-right: 4px;
    background-image: url();
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /*float: left; */
    display: inline-block;
    position: relative;
    top: 0px;
    background-repeat: no-repeat;
}

.gh-btn {
  background-color: #eee;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fcfcfc),color-stop(100%,#eee));
  border: 1px solid #d5d5d5;
  padding: 2px 5px 2px 4px;
  color: #333;
  text-shadow: 0 1px 0 #fff;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 3px;
  /*float: left;*/
  text-decoration: none;
}

.gh-btn:focus, .gh-btn:hover {
  background-color: #ddd;
  background-image: linear-gradient(to bottom,#eee 0,#ddd 100%);
  border-color: #ccc;
  text-decoration: none;
  color: #333;
}

.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}
.scrollable-menu::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 4px;
}
.scrollable-menu::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: lightgray;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.75);
}
